/* pages/addmsg/addmsg.wxss */
.add_msg {
  // padding: 0 20rpx 40rpx;
  // background-color: #f8f0df;
  padding-bottom: calc(200rpx + env(safe-area-inset-bottom));
  min-height: 100vh;
  box-sizing: border-box;

  .switch {
    display: none;
  }

  .close-switch {
    display: block;
  }

  .text-con {
    margin-top: 10rpx;
    display: flex;
  }

  textarea {
    padding: 10rpx;
    flex: 1;
    height: 300rpx;
    // color: #a5646d;
    font-size: 32rpx;
    font-family: "Microsoft YaHei";
    resize: none;
    // border: 4rpx solid #a5646d;
    border-radius: 16rpx;
  }

  .img-con {
    margin-top: 20rpx;
    // border: 4rpx solid #a5646d;
    border-radius: 16rpx;
    overflow: hidden;

    .van-uploader {
      width: 100%;

      .van-uploader__wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        width: 100%;
        padding: 0 16rpx;
      }

      .van-uploader__upload,
      .van-uploader__preview {
        margin: 16rpx auto;
        width: 200rpx !important;
        height: 200rpx !important;

        image {
          width: 200rpx !important;
          height: 200rpx !important;
        }
      }
    }


  }

  .btn-group {
    padding: 20rpx 20rpx calc(20rpx + env(safe-area-inset-bottom));
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;

    .add_btn {
      // position: absolute;
      // top: 0;
      // left: 50%;
      // transform: translateX(-50%);
      width: 100%;
      height: 88rpx;
      // color: #f8f0df;
      font-size: 32rpx;
      text-align: center;
      line-height: 88rpx;
      // background-color: #a5646d;
      border: none;
      border-radius: 88rpx;
    }
  }


}